Phase 5.IV.C.1 — the .mobile selector inventory

Every CSS rule whose selector uses the .mobile body class, the class the head sets from the user-agent sniff. Now that item 23 gives the layout width-based media queries and item 25 always emits the viewport, that sniff-driven class is redundant and C.2 retires it. Each rule is sorted here so the retirement is mechanical.

The sort: a rule that only styles .mobile X, whether or not it overrides a desktop X, folds into the existing @media (max-width: 600px) block with the .mobile prefix dropped — the media query already means “narrow screen,” which is what the class stood for. A rule whose selector list also carries a non-mobile sibling that already applies is a remove, since the sibling covers it. None here are genuine content markers to keep.

Totals: fold 243, remove 3, keep 0 — 246 rules across four stylesheets (search.css, mail.css, frise.css, messages.css).

search.css (199 rules: 196 fold, 3 remove)

remove (a non-mobile sibling already applies)

fold into the 600px media query

mail.css (22 rules: 22 fold, 0 remove)

fold into the 600px media query

frise.css (12 rules: 12 fold, 0 remove)

fold into the 600px media query

messages.css (13 rules: 13 fold, 0 remove)

fold into the 600px media query